//font
$font-size:14px;


//border type theme.
$border-default:1px solid #e3e6e4 !default;
$border-radius-base:2px !default;

//message
$message_bg_col:#fff;
$message_text_col:#000;
$message_border:1px solid #e3e3e3;
$message_border_col:#e3e3e3;
$message_btn_bg:#fff;
$message_padding:15px;

//toast
$toast_mask_bg_col:rgba(0,0,0,0);
$toast_bg_col:rgba(0,0,0,0.8);
$toast_text_col:#fff;
$toast_border_radius:4px;


//loading
$loading_bg_col:rgba(0,0,0,0.8);
$loading_text_col:#fff;
$loading_border_radius:10px;

//theme
$brand-default:         #ffffff !default;
$brand-default-color:	#666666 !default;
$brand-blue:         #007aff !default;
$brand-blue-color:	#ffffff !default;
$brand-red:            #fd4a1a !default;
$brand-red-color:	#ffffff !default;
$brand-green:         #04be02 !default;
$brand-green-color:	#ffffff !default;
$brand-yellow:          #ff9708 !default;
$brand-yellow-color:	#ffffff !default;
$brand-disabled:#ddd !default;
$brand-disabled-color: #f6f6f6 !default;

//radio
$radio-icon-border:1px solid #e3e3e3;
$radio-icon-border-checked:1px solid #007aff;
$radio-icon-width:14px;
$radio-icon-height:14px;
$radio-icon-radius:14px;
$radio-icon-background:#fff;
$radio-icon-background-checked:#007aff;

$radio-icon-border-disabled:1px solid #ddd;
$radio-icon-background-disabled:#f2f2f2;
$radio-icon-border-background-disabled:#ddd;

//checkbox
$checkbox-icon-border:1px solid #e3e3e3;
$checkbox-icon-border-checked:1px solid #007aff;

$checkbox-icon-width:14px;
$checkbox-icon-height:14px;
$checkbox-icon-radius:2px;
$checkbox-icon-background:#fff;
$checkbox-icon-background-checked:#007aff;

$checkbox-icon-border-disabled:1px solid #ddd;
$checkbox-icon-background-disabled:#f2f2f2;
$checkbox-icon-border-background-disabled:#ddd;


//switch
$switch-background:#ccc;
$switch-width:44px;
$switch-height:22px;
$switch-line-height:20px;
$switch-border:1px solid #ccc;
$switch-border-radius:20px;
$switch-border-checked:1px solid #2db7f5;
$switch-checked-background:#2db7f5;
$switch-checked-color:#fff;

//slider
$slider-background:#e9e9e9;
$slider-background-hover:darken(#e9e9e9,5%);
$slider-height:20px;
$slider-border:8px solid #fff;
$slider-border-radius:5px;

$slider-handler-background:#fff;
$slider-handler-width:14px;
$slider-handler-height:14px;
$slider-handler-border:2px solid #96dbfa;
$slider-handler-border-hover:darken(#96dbfa,10%);

$slider-track-height:6px;
$slider-track-background:#abe2fb;
$slider-track-background-hover:darken(#abe2fb,10%);
$slider-track-border-radius:6px;
